<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<link rel="shortcut icon" href="favicon.ico">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css">
<link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
<link href="assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="assets/global/plugins/slider-revolution-slider/rs-plugin/css/settings.css" rel="stylesheet">
<link href="assets/global/css/components.css" rel="stylesheet">
<link href="assets/frontend/layout/css/style.css" rel="stylesheet">
<link href="assets/frontend/pages/css/style-revolution-slider.css" rel="stylesheet"><!-- metronic revo slider styles -->
<link href="assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
<link href="assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
<link href="assets/frontend/layout/css/custom.css" rel="stylesheet">
<div class="header">
    <div class="container">
        <a class="site-logo" href="consumer/returnFirstPage"><img src="img/EK-05.jpg" alt="Metronic FrontEnd"></a>
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
        <div class="header-navigation pull-right font-transform-inherit">
            <ul>
                <li>
                    <a href="#" id="drop6" role="button" style="padding-bottom: 21px;" onclick="addTab('首页','consumer/returnFirstPage')">首页</a>
                </li>
                <li class="dropdown">
                    <a id="drop1" class="dropdown-toggle" style="padding-bottom: 21px;" data-toggle="dropdown" data-target="#" href="#">我的学习<i class="fa fa-angle-down"></i> </a>
                    <ul class="dropdown-menu">
                        <li class="dropdown-submenu">
                            <a>学习课件<i class="fa fa-angle-right"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a role="menuitem" tabindex="-1" onclick="addTab('进行中','scormZip/listLearningCourseDo')">进行中</a></li>
                                <li><a role="menuitem" tabindex="-1" onclick="addTab('已完成','scormZip/listLearnedCourseDo')">已完成</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu">
                            <a role="menuitem" tabindex="-1" onclick="addTab('管理课件','scormZip/listAllUpFileDo')">管理课件<i class="fa fa-angle-right"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a role="menuitem" tabindex="-1" onclick="addTab('上传的课件','scormZip/listAllUpFileDo')">上传的课件</a></li>
                                <li><a role="menuitem" tabindex="-1" onclick="addTab('在线课件','scormZip/listAllOnlineDo')">在线课件</a></li>                                </ul>
                        </li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" onclick="addTab('好友课件','consumer/friendCourseDo')">好友课件</a>
                        </li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" onclick="addTab('我的笔记','#')">我的笔记</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#" id="drop7" role="button" style="padding-bottom: 21px;" onclick="addTab('论坛','consumer/listAllPostsDo')">论坛</a>
                </li>
                <li class="dropdown">
                    <a href="#" id="drop3" role="button" class="dropdown-toggle" style="padding-bottom: 21px;" data-toggle="dropdown">个人中心 <i class="fa fa-angle-down"></i> </a>
                    <ul class="dropdown-menu">
                        <li><a role="menuitem" tabindex="-1" onclick="addTab('个人资料','admin/user/baseInfoDo')">个人资料</a></li>
                        <li><a role="menuitem" tabindex="-1" onclick="addTab('我的关注','consumer/listAllFriendDo')">我的关注</a></li>
                    </ul>
                </li>
                <li>
                    <a style="padding-bottom: 21px;">上传课件</a>
                </li>
                <li class="menu-search">
                    <span class="sep"></span>
                    <i class="fa fa-search search-btn" onclick="handleSearch()"></i>
                    <div class="search-box" style="display: block; bottom: -66px;">
                        <form action="#">
                            <div class="input-group">
                                <input type="text" style="width: 164px; height: 34px; padding: 6px 12px;">
                                <span class="input-group-btn">
                                <button class="btn btn-primary" type="submit">查找课件</button>
                                </span>
                            </div>
                        </form>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    var handleSearch = function() {
        if($('.search-btn').hasClass('show-search-icon')){
            if ($(window).width()>767) {
                $('.search-box').fadeOut(300);
            } else {
                $('.search-box').fadeOut(0);
            }
            $('.search-btn').removeClass('show-search-icon');
        } else {
            if ($(window).width()>767) {
                $('.search-box').fadeIn(300);
            } else {
                $('.search-box').fadeIn(0);
            }
            $('.search-btn').addClass('show-search-icon');
        }
    }
</script>